/* 
    Document   : filelist
    Created on : Apr 6, 2012, 1:02:34 AM
    Author     : Windy
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#attachments li{
    color: #000000;
    height: 32px;
    padding-left: 35px;
    line-height: 32px;
}
.doc{ background: url(../images/file-type-doc.png) no-repeat left center;}
.xls{ background: url(../images/file-type-xls.png) no-repeat left center;}
.ppt{ background: url(../images/file-type-ppt.png) no-repeat left center;}
.compress{ background: url(../images/file-type-compress.png) no-repeat left center;}
.pdf{ background: url(../images/file-type-pdf.png) no-repeat left center;}
.txt{ background: url(../images/file-type-txt.png) no-repeat left center;}
.audio{ background: url(../images/file-type-audio.png) no-repeat left center;}
.video{ background: url(../images/file-type-video.png) no-repeat left center;}
.psd{ background: url(../images/file-type-psd.png) no-repeat left center;}
#attachments li span{float: right; margin-right: 10px; vertical-align: middle;}
#attachments li .a_helper_action_delete{display: block; width: 20px; height: 20px; background: url(../images/a_delete.png) no-repeat;}
#fileList li{
    width: 20%;
    float: left;
    margin: 0 20px 20px 0;
    padding-bottom: 5px;
    background: #f5f5f5;
}
#fileList li.separator{
    height: 1px;
    margin-bottom: 25px;
    border-bottom: 1px solid #a3a3a3; 
    width: 100%;
}
#fileList li img{
    margin-bottom: 5px;
}
#fileList li .file_title,
#fileList li .file_description{
    background: #f3f3f3;
    border: 1px solid #a3a3a3;
    margin-bottom: 5px;
    padding: 3px;
    min-height: 25px;
}

#fileList li .image{
    text-align: center;
}
#fileList li .file{
    height: 30px;
    padding-left: 30px;
    line-height: 30px;
    margin-bottom: 5px;
}
